<!--
 * @Description: 
 * @Version: 
 * @Author: XYBH
 * @Date: 2020-06-09 16:53:31
 * @LastEditors: XYBH
 * @LastEditTime: 2020-06-09 23:02:54
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="/css/index1.css" />
    <link rel="stylesheet" href="/css/common.css" />
    <link rel="stylesheet" href="/font-awesome-4.7.0/css/font-awesome.min.css" />
    <link rel="stylesheet" href="/css/cart.css" />
</head>

<body>

    <div class="container-fluid">
        <div class="row row-head">
            <div class="col-lg-2"></div>
            <div class="col-lg-8">
                <div class="hd">
                    <div class="tools">
                        <div id="tools">
                            <div class="tool">
                                <div class="operator">
                                    <ul>
                                        <li><a id="my-mall" onmousemove='over("mall-list","mall-ul")'
                                                onmouseout='leave("mall-list","mall-ul")' href="#">我的商城<i id="mall-list"
                                                    class="fa fa-chevron-down" aria-hidden="true"></i></a>
                                            <ul id="mall-ul" onmouseover='show("mall-ul")'
                                                onmouseout='hiddenList("mall-ul")'>
                                                <li><a href="#">我的订单</a></li>
                                                <li><a href="#">购物车</a></li>
                                                <li><a href="#">我的收藏</a></li>
                                                <li><a href="#">我的评论</a></li>
                                            </ul>
                                        </li>
                                        <li><a id="shop_list" onmousemove='over("shop-list","shop-ul")'
                                                onmouseout='leave("shop-list","shop-ul")' href="#">0元购物<i id="shop-list"
                                                    class="fa fa-chevron-down" aria-hidden="true"></i></a>
                                            <ul id="shop-ul" onmouseover='show("shop-ul")'
                                                onmouseout='hiddenList("shop-ul")'>
                                                <li><a href="#">0元抢物</a></li>
                                                <li><a href="#">1元砍价</a></li>
                                                <li><a href="#">1元抽奖</a></li>
                                                <li><a href="#">优惠速领</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">客户服务</a></li>
                                    </ul>
                                </div>
                                <div class="welcome">
                                    欢迎光临东篱下交易商城，请<a href="#">登录</a>
                                    <span><a href="#">成为会员</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="logo_line">
                        <div class="col-lg-3 col-md-12 hidden-md hidden-sm hidden-xs"
                            style="height: 100px;background-color: yellow;">
                            <div><img style="width:362px; background-color: azure;" src="#"></div>
                        </div>
                        <div class="col-lg-6 col-md-12  text-center search">
                            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 input">
                                <input type="text" placeholder="请输入商品关键字">
                            </div>
                            <div class="col-lg-2 col-md-4 col-sm-4 col-xs-4 select">
                                <select>
                                    <option>衣服</option>
                                    <option>裤子</option>
                                    <option>裙子</option>
                                    <option>鞋子</option>
                                </select>
                            </div>
                            <div class="col-lg-2 submit">
                                <input type="submit" value="查询">
                            </div>
                        </div>
                        <div class="col-lg-3 hidden-md hidden-sm hidden-xs cart-order">
                            <div class="cart-order-body">
                                <div class="order"><a href="#">我的订单</a></div>
                                <div id="cart" class="cart">
                                    <a href="#"><i class="fa fa-shopping-cart fa-3x"
                                            aria-hidden="true"></i><span>购物车</span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2">
                </div>
            </div>
        </div>
        <div class="col-lg-2"></div>
        <div class="col-lg-8">
            <div class='top'>
                <div class="switch-cart">
                    <div class="text"><a href='#'>全部商品</a><span class="good_num">2</span></div>
                    <div class="text"><a href='#'>降价商品</a></div>
                </div>
            </div>
            <div class="cart-table">
                <div class="th th-chk">
                    <div class="cart-checkbox">
                        <input class="all_choice" type="checkbox" value="true">
                        <span>全选</span>
                    </div>
                </div>
                <div class="th th-item">商品信息</div>
                <div class="th th-info">&nbsp</div>
                <div class="th th-price">单价</div>
                <div class="th th-amount">数量</div>
                <div class="th th-sum">金额</div>
                <div class="th th-op">操作</div>
            </div>
            <div class="order-list">
                <div class="order-holder">
                    <div class="shop-info">
                        <div class="cart-checkbox">
                            <input type="checkbox" class="ShopCheckBox">
                        </div>
                        店铺：<a href="#">东篱官方旗舰店</a>
                    </div>
                    <div class="order-content">
                        <ul class="item-content">
                            <li class="td td-chk">
                                <div class="td-inner">
                                    <input type="checkbox" class="CheckBox">
                                </div>
                            </li>
                            <li class="td td-item">
                                <div class="item-pic" style="float: left;">
                                    <a href="#"><img class="img-responsive" src="img/good.jpg"></a>
                                </div>
                                <div class="item-info">
                                    <a href="#">初语女装夏装宽松圆领纯色直筒百搭打底衫纯棉短袖T恤女</a>
                                </div>
                            </li>
                            <li class="td td-info">&nbsp</li>
                            <li class="td td-price">
                                <div class="price">
                                    ￥<span class="price_num">135</span>
                                </div>
                            </li>
                            <li class="td td-amount">
                                <div class="amount-op amount-odd">
                                    <i class="fa fa-minus"></i>
                                </div>
                                <input class="amount" type="text" value="1">
                                <div class="amount-op amount-plus">
                                    <i class="fa fa-plus"></i>
                                </div>
                            </li>
                            <li class="td td-sum"><span>￥<span class="sum-num">135</span></span>
                            </li>
                            <li class="td td-op"><a href="javascript:void(0)">删除</a></li>
                        </ul>
                    </div>
                    <div class="order-content">
                        <ul class="item-content">
                            <li class="td td-chk">
                                <div class="td-inner">
                                    <input type="checkbox" class="CheckBox">
                                </div>
                            </li>
                            <li class="td td-item">
                                <div class="item-pic" style="float: left;">
                                    <a href="#"><img class="img-responsive" src="img/good.jpg"></a>
                                </div>
                                <div class="item-info">
                                    <a href="#">初语女装夏装宽松圆领纯色直筒百搭打底衫纯棉短袖T恤女</a>
                                </div>
                            </li>
                            <li class="td td-info">&nbsp</li>
                            <li class="td td-price">
                                <div class="price">
                                    ￥<span class="price_num">135</span>
                                </div>
                            </li>
                            <li class="td td-amount">
                                <div class="amount-op amount-odd">
                                    <i class="fa fa-minus"></i>
                                </div>
                                <input class="amount" type="text" value="1">
                                <div class="amount-op amount-plus">
                                    <i class="fa fa-plus"></i>
                                </div>
                            </li>
                            <li class="td td-sum"><span>￥<span class="sum-num">135</span></span>
                            </li>
                            <li class="td td-op"><a href="javascript:void(0)">删除</a></li>
                        </ul>
                    </div>
                </div>
                <div class="order-holder">
                    <div class="shop-info">
                        <div class="cart-checkbox">
                            <input type="checkbox" class="ShopCheckBox">
                        </div>
                        店铺：<a href="#">东篱官方旗舰店</a>
                    </div>
                    <div class="order-content">
                        <ul class="item-content">
                            <li class="td td-chk">
                                <div class="td-inner">
                                    <input type="checkbox" class="CheckBox">
                                </div>
                            </li>
                            <li class="td td-item">
                                <div class="item-pic" style="float: left;">
                                    <a href="#"><img class="img-responsive" src="img/good.jpg"></a>
                                </div>
                                <div class="item-info">
                                    <a href="#">初语女装夏装宽松圆领纯色直筒百搭打底衫纯棉短袖T恤女</a>
                                </div>
                            </li>
                            <li class="td td-info">&nbsp</li>
                            <li class="td td-price">
                                <div class="price">
                                    ￥<span class="price_num">135</span>
                                </div>
                            </li>
                            <li class="td td-amount">
                                <div class="amount-op amount-odd">
                                    <i class="fa fa-minus"></i>
                                </div>
                                <input class="amount" type="text" value="1">
                                <div class="amount-op amount-plus">
                                    <i class="fa fa-plus"></i>
                                </div>
                            </li>
                            <li class="td td-sum"><span>￥<span class="sum-num">135</span></span>
                            </li>
                            <li class="td td-op"><a href="javascript:void(0)">删除</a></li>
                        </ul>
                    </div>
                    <div class="order-content">
                        <ul class="item-content">
                            <li class="td td-chk">
                                <div class="td-inner">
                                    <input type="checkbox" class="CheckBox">
                                </div>
                            </li>
                            <li class="td td-item">
                                <div class="item-pic" style="float: left;">
                                    <a href="#"><img class="img-responsive" src="img/good.jpg"></a>
                                </div>
                                <div class="item-info">
                                    <a href="#">初语女装夏装宽松圆领纯色直筒百搭打底衫纯棉短袖T恤女</a>
                                </div>
                            </li>
                            <li class="td td-info">&nbsp</li>
                            <li class="td td-price">
                                <div class="price">
                                    ￥<span class="price_num">135</span>
                                </div>
                            </li>
                            <li class="td td-amount">
                                <div class="amount-op amount-odd">
                                    <i class="fa fa-minus"></i>
                                </div>
                                <input class="amount" type="text" value="1">
                                <div class="amount-op amount-plus">
                                    <i class="fa fa-plus"></i>
                                </div>
                            </li>
                            <li class="td td-sum"><span>￥<span class="sum-num">135</span></span>
                            </li>
                            <li class="td td-op"><a href="javascript:void(0)">删除</a></li>
                        </ul>
                    </div>
                </div>
                <div class="order-holder">
                    <div class="shop-info">
                        <div class="cart-checkbox">
                            <input type="checkbox" class="ShopCheckBox">
                        </div>
                        店铺：<a href="#">东篱官方旗舰店</a>
                    </div>
                    <div class="order-content">
                        <ul class="item-content">
                            <li class="td td-chk">
                                <div class="td-inner">
                                    <input type="checkbox" class="CheckBox">
                                </div>
                            </li>
                            <li class="td td-item">
                                <div class="item-pic" style="float: left;">
                                    <a href="#"><img class="img-responsive" src="img/good.jpg"></a>
                                </div>
                                <div class="item-info">
                                    <a href="#">初语女装夏装宽松圆领纯色直筒百搭打底衫纯棉短袖T恤女</a>
                                </div>
                            </li>
                            <li class="td td-info">&nbsp</li>
                            <li class="td td-price">
                                <div class="price">
                                    ￥<span class="price_num">135</span>
                                </div>
                            </li>
                            <li class="td td-amount">
                                <div class="amount-op amount-odd">
                                    <i class="fa fa-minus"></i>
                                </div>
                                <input class="amount" type="text" value="1">
                                <div class="amount-op amount-plus">
                                    <i class="fa fa-plus"></i>
                                </div>
                            </li>
                            <li class="td td-sum"><span>￥<span class="sum-num">135</span></span>
                            </li>
                            <li class="td td-op"><a href="javascript:void(0)">删除</a></li>
                        </ul>
                    </div>
                    <div class="order-content">
                        <ul class="item-content">
                            <li class="td td-chk">
                                <div class="td-inner">
                                    <input type="checkbox" class="CheckBox">
                                </div>
                            </li>
                            <li class="td td-item">
                                <div class="item-pic" style="float: left;">
                                    <a href="#"><img class="img-responsive" src="img/good.jpg"></a>
                                </div>
                                <div class="item-info">
                                    <a href="#">初语女装夏装宽松圆领纯色直筒百搭打底衫纯棉短袖T恤女</a>
                                </div>
                            </li>
                            <li class="td td-info">&nbsp</li>
                            <li class="td td-price">
                                <div class="price">
                                    ￥<span class="price_num">135</span>
                                </div>
                            </li>
                            <li class="td td-amount">
                                <div class="amount-op amount-odd">
                                    <i class="fa fa-minus"></i>
                                </div>
                                <input class="amount" type="text" value="1">
                                <div class="amount-op amount-plus">
                                    <i class="fa fa-plus"></i>
                                </div>
                            </li>
                            <li class="td td-sum"><span>￥<span class="sum-num">135</span></span>
                            </li>
                            <li class="td td-op"><a href="javascript:void(0)">删除</a></li>
                        </ul>
                    </div>
                </div>
                <div class="footer-bar-wrapper">
                    <div class="select-all"><input class="all_choice" type="checkbox">全选</div>

                    <div class="float-bar-right">
                        <div><button class="need-separate">结算</button></div>
                        <div class="txt">合计:<span class="all-price">￥<span id="all-price-num">0</span></span></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-2"></div>
    </div>
    <div id="copyright">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <p>Copyright © 2019 dlt.com All Rights Reversed. 东篱下
                    </p>

                    <div style="width:300px;margin:0 auto; padding:20px 0; text-align: center;">
                        <a target="_blank" href="#"
                            style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
                            <img src="http://www.clantrip.com/static/images/ghs.png" style="float:left;" />
                            <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#fafafa;">
                                赣ICP备18008511号</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="/js/jquery-3.5.1.min.js"></script>
    <script src="/js/common.js"></script>
    <script src="/js/cart.js"></script>
</body>

</html>